

/* https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Using_CSS_transitions */

.mainmenu
{
    border-radius:5%;
    border-style: inset;
    border-color: black; 
    border-width: 1pt;
    background-color: silver;
    text-align: left;
    box-shadow: 0 0 10pt 0 black;
/*     padding-top: 2px; */
/*     padding-bottom: 2px; */
    font-size: 12pt;    
}

/*.startanimated animation_settings*/
.animation_settings
 { 
    /* Safari and Chrome: */
    -webkit-animation-name: animationsequence;
    -webkit-animation-duration: 600ms;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
}


/* Safari and Chrome: */
@-webkit-keyframes animationsequence
{
    0%
    {
        -webkit-transform: scale(0);
        transform: scale(0);
        -moz-opacity:0;
        -khtml-opacity: 0;
        opacity: 0;
        -webkit-opacity: 0;
        transform:translateX(0px);
        margin-right: 1%;
    }

    76%
    {
        margin-right: 0px;
    }
    
    90%
    {
        -moz-opacity:.2;
        -khtml-opacity: .2;
        opacity: .2;
        -webkit-opacity: .2;
    }
    
    99%, 100%
    {
        -webkit-transform: scale(100%);
        transform: scale(100%);
        -moz-opacity:1;
        -khtml-opacity: 1;
        opacity: 1;
        -webkit-opacity: 1;
        transform:translateX(50px);
        margin-right: 1%;
    }
}



/* --------------menuitem------------ */

.Wt-separator
{
/*     color: black; */
    border-color: LightGray;
    border-style: outset;
    border-width: 1px;
    width: 88%;
/*     vertical-align: center; */
margin-left:auto;
margin-right:auto;
/*     right: 0; */
/*     left: 0; */
/*     margin: 3px; */
}

.menuitem:hover
{
    background-color: black; 
    color: white;
}

.menuitem
{
/*     margin-left: 0px; */
/*     margin-top: 2px; */
/*     margin-bottom: 2px; */
    background-color: silver;
    line-height: 15pt;
/*     display: list-item; */
/* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
}
